import React from 'react';
import Icon from '@ant-design/icons'

const ActionIcon = (props) => {
  const actionSvg = () => (
    <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M10.0518 4.17838L11.1054 7.76045H2.70329L3.78317 4.17838H10.0518Z" fill="#333333" />
      <path d="M4.62603 8.41893L8.23445 9.28811L4.04659 16.5576L1.49172 13.8447L4.62603 8.41893Z" fill="#333333" />
      <path d="M5.57422 15.2407L8.12907 12.5278L12.3433 19.7973L8.70853 20.6665L5.57422 15.2407Z" fill="#333333" />
      <path d="M18.2168 17.7955H11.9482L10.8947 14.2398H19.2967" fill="#333333" />
      <path d="M20.5083 8.12919L17.3739 13.5813L13.7655 12.7121L17.9534 5.44263" fill="#333333" />
      <path d="M16.4258 6.75957L13.8709 9.47247L9.65675 2.17663L13.2915 1.33379L16.4258 6.75957Z" fill="#333333" />
    </svg>
  );

  return (
    <Icon component={actionSvg} {...props} />
  );
};

export default ActionIcon;